<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
  <style>
    .t table {
      width:100%;
      margin:15px 0;
      border:0;
    }
    .t th {
      background-color:#00BFFF;
      color:#FFFFFF
    }
    .t,.t th,.t td {
      font-size:0.95em;
      text-align:center;
      padding:4px;
      border-collapse:collapse;
    }
    .t th,.t td {
      border: 1px solid #6ddafe;
      border-width:1px 0 1px 0
    }
    .t tr {
      border: 1px solid #6ddafe;
    }
    .t tr:nth-child(odd){
      background-color:#aae9fe;
    }
    .t tr:nth-child(even){
      background-color:#fdfdfd;
    }
    .na{
      text-align: center;
    }
  </style>
</head>
<body>

<div class="table-responsive">
  <p>
    <a th:href="@{/classroom/clist}"><button>返回</button></a>
  </p>
  <div class="na"><h1 th:text="${slist.getSname()}"></h1><h1>的个人信息</h1></div>
  <table style="height: 400px;width: 1000px;border: 1px solid black;margin: 0 auto" class="t">
    <thead>
    </thead>
    <tbody>
      <tr>
        <td>学号</td>
        <td th:text="${slist.getSid()}"></td>
      </tr>
      <tr>
        <td>姓名</td>
        <td th:text="${slist.getSname()}"></td>
      </tr><tr>
        <td>性别</td>
        <td th:text="${slist.getSsex()}"></td>
      </tr><tr>
        <td>生日</td>
        <td th:text="${#dates.format(slist.getBirthday(),'yyyy-MM-dd HH:mm:ss')}"></td>
      </tr><tr>
        <td>家庭住址</td>
        <td th:text="${slist.getAddress()}"></td>
      </tr><tr>
        <td>兴趣爱好</td>
        <td th:text="${slist.getLove()}"></td>
      </tr>

    </tbody>
  </table>
</div>

</body>
</html>